<template>
  <div class="pageViewSty">
    <!-- 面包削导航 -->
    <!-- <s-breadcrumb /> -->
    <div class="content">
      <slot>
        <router-view ref="content"/>
      </slot>
    </div>
  </div>
</template>

<script>
import Breadcrumb from '@/components/tools/Breadcrumb'
export default {
  name: 'PageView',
  components: {
    's-breadcrumb': Breadcrumb
  },
  data () {
    return {
    }
  }
}
</script>

<style lang="less" scoped>
.pageViewSty {
  //页签 79（包含有滚动条时的10px），底部49px
  height: calc(100% - 128px);
  flex:1 0 0;
  position: relative;
  .pageViewSty{
    //多级菜单嵌套
    height: 100%;
  }
  .page-header {
    background: #fff;
    padding: 16px 32px 0;
    border-bottom: 1px solid #e8e8e8;
    .breadcrumb {
      margin-bottom: 16px;
    }
  }
}
.content {
  height: 100%;
    overflow: auto;
  .link {
    margin-top: 16px;
    &:not(:empty) {
      margin-bottom: 16px;
    }
    a {
      margin-right: 32px;
      height: 24px;
      line-height: 24px;
      display: inline-block;
      i {
        font-size: 2.4rem;
        margin-right: 8px;
        vertical-align: middle;
      }
      span {
        height: 24px;
        line-height: 24px;
        display: inline-block;
        vertical-align: middle;
      }
    }
  }
}
</style>
